<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aura</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header class="header">
        <div class="header__container">
            <div class="header__logo"><img src="img/logo.svg" alt="logo"
                    class="header__logo-img"></div>
            <!-- /.header__logo -->
            <nav class="header__tabs">
                <a href="#" class="header__tab active">Авторы</a>
                <a href="#" class="header__tab">Коллекции</a>
                <a href="#" class="header__tab">Сервисы</a>
            </nav>
            <!-- /.header__tabs -->
            <div class="header__wallet">
                <a href="#" class="header__wallet-link">Кошелек</a>
            </div>
            <!-- /.header__wallet -->
        </div>
        <!-- /.header__container -->
    </header>
    <!-- /.header -->
    <main class="hero">
        <div class="hero__group">
            <p class="hero__group-text">Площадка для реализации криптостикеров
            </p>
            <div class="hero__group-btns">
                <a href="#" class="hero__group-btn buy__btn">Купить</a>
                <a href="#" class="hero__group-btn author__btn">Стать
                    автором</a>
            </div>
        </div>
        <!-- /.hero-group -->
        <div class="hero__img">
            <img src="img/stickers_hero.png" alt="stickers" class="hero__image">
        </div>
    </main>
    <!-- /.hero -->
    <section class="auction">
        <div class="auction__container">
            <div class="auction__container-live">
                <div class="auction__header">
                    <h2 class="auction__title">Аукцион</h2>
                    <div class="live">
                        <p class="live__action">Live
                            auction</p>
                    </div>
                </div>
                <div class="auction__desc">
                    <img src="img/witcher.png" alt="witcher" class="desc__img">
                    <div class="desc__container">
                        <div class="nickname">
                            <img src="img/dog.jpg" alt="avatar"
                                class="nickname__avatar">
                            <span class="nickname__text">Serge_VM222</span>
                        </div>
                        <!-- /.nickname -->
                        <p class="auction__name">Witcherrr_3 (xml_t5)</p>
                        <div class="rate">
                            <div class="bet">
                                <h2 class="bet__title">Ставка:</h2>
                                <div class="bet__rate">0.10 ETH</div>
                                <div class="bet__price">$351.24</div>
                                <!-- /.bet__price -->
                                <!-- /.rate -->
                            </div>
                            <!-- /.bet -->
                            <div class="count">
                                <h2 class="count__title">Окончание через:</h2>
                                <div class="timer">
                                    <div class="timer__items">
                                        <div class="timer__item">
                                            <div class="timer__value"
                                                id="hours">01</div>
                                            <div class="timer__desc">Час</div>
                                        </div>
                                        <div class="timer__item">
                                            <div class="timer__value"
                                                id="minutes">48</div>
                                            <div class="timer__desc">Мин</div>
                                        </div>
                                        <div class="timer__item">
                                            <div class="timer__value"
                                                id="seconds">47</div>
                                            <div class="timer__desc">Сек</div>
                                        </div>
                                    </div>
                                    <!-- /.timer__items -->
                                    <img src="img/alarm-clock.svg" alt="clock"
                                        class="clock__img">
                                </div>
                                <!-- /.timer -->
                            </div>
                            <!-- /.count -->
                        </div>
                        <!-- /.rate -->
                        <buttton class="bet__btn">Cделать ставку</buttton>
                    </div>
                    <!-- /.desc__container -->
                </div>
                <!-- /.auction-desc -->
            </div>
            <!-- /.auction__container-live -->
            <div class="other__auctions">
                <div class="other__auction-header">
                    <h2 class="other__auction-title">Другие аукционы</h2>
                </div>
                <div class="auctions__grid">
                    <div class="items__container">
                        <div class="auction__item">
                            <div class="item__top">
                                <img src="img/alien.png" alt="alien"
                                    class="item__img">
                            </div>
                            <!-- /.item__top -->
                            <div class="item__bottom">
                                <div class="item__nickname">
                                    <img src="img/mountains.jpg" alt="avatar"
                                        class="item__avatar">
                                    <span
                                        class="item__nickname-text">Frank.Nagval</span>
                                </div>
                                <p class="item__name">Alien (green) e_e</p>
                                <div class="item__rate">0.02 ETH</div>
                                <div class="item__timer">
                                    <div class="item__timer-value">03</div>
                                    <div class="item__timer-desc">часа</div>
                                    <div class="item__timer-value"> 25 </div>
                                    <div class="item__timer-desc">мин</div>
                                    <div class="item__timer-value">23</div>
                                    <div class="item__timer-desc">сек</div>
                                </div>
                            </div>
                            <!-- /.item__bottom -->
                        </div>
                        <!-- /.auction__item -->
                        <div class="auction__item">
                            <div class="item__top">
                                <img src="img/cobra.png" alt="cobra"
                                    class="item__img">
                            </div>
                            <!-- /.item__top -->
                            <div class="item__bottom">
                                <div class="item__nickname">
                                    <img src="img/man.jpg" alt="avatar"
                                        class="item__avatar">
                                    <span
                                        class="item__nickname-text">CPH_777</span>
                                </div>
                                <p class="item__name">CoBRRRa</p>
                                <div class="item__rate">0.5 ETH</div>
                                <div class="item__timer">
                                    <!-- <div class="item__timer-value"></div>
                                <div class="item__timer-desc"></div> -->
                                    <div class="item__timer-value">15</div>
                                    <div class="item__timer-desc">мин</div>
                                    <div class="item__timer-value">03</div>
                                    <div class="item__timer-desc">сек</div>
                                </div>
                            </div>
                            <!-- /.item__bottom -->
                        </div>
                        <!-- /.auction__item -->
                        <div class="auction__item">
                            <div class="item__top">
                                <img src="img/diamonds.png" alt="diamonds"
                                    class="item__img">
                            </div>
                            <!-- /.item__top -->
                            <div class="item__bottom">
                                <div class="item__nickname">
                                    <img src="img/acid.jpg" alt="avatar"
                                        class="item__avatar">
                                    <span
                                        class="item__nickname-text">sUpah_kiLLah</span>
                                </div>
                                <p class="item__name">Diamonds (4)</p>
                                <div class="item__rate">0.008 ETH</div>
                                <div class="item__timer">
                                    <div class="item__timer-value">23</div>
                                    <div class="item__timer-desc">часа</div>
                                    <div class="item__timer-value">05 </div>
                                    <div class="item__timer-desc">мин</div>
                                    <div class="item__timer-value">08</div>
                                    <div class="item__timer-desc">сек</div>
                                </div>
                            </div>
                            <!-- /.item__bottom -->
                        </div>
                        <!-- /.auction__item -->
                        <div class="auction__item">
                            <div class="item__top">
                                <img src="img/holofobia.png" alt="holofobia"
                                    class="item__img">
                            </div>
                            <!-- /.item__top -->
                            <div class="item__bottom">
                                <div class="item__nickname">
                                    <img src="img/blow.jpg" alt="avatar"
                                        class="item__avatar">
                                    <span
                                        class="item__nickname-text">ttgs</span>
                                </div>
                                <p class="item__name">Holofobia-2</p>
                                <div class="item__rate">1.0 ETH</div>
                                <div class="item__timer">
                                    <div class="item__timer-value">01</div>
                                    <div class="item__timer-desc">час</div>
                                    <div class="item__timer-value">15</div>
                                    <div class="item__timer-desc">мин</div>
                                    <div class="item__timer-value">55</div>
                                    <div class="item__timer-desc">сек</div>
                                </div>
                            </div>
                            <!-- /.item__bottom -->
                        </div>
                        <!-- /.auction__item -->
                        <div class="auction__item">
                            <div class="item__top">
                                <img src="img/baby-yoda.png" alt="baby yoda"
                                    class="item__img">
                            </div>
                            <!-- /.item__top -->
                            <div class="item__bottom">
                                <div class="item__nickname">
                                    <img src="img/sheet.jpg" alt="avatar"
                                        class="item__avatar">
                                    <span
                                        class="item__nickname-text">Peppppe22</span>
                                </div>
                                <p class="item__name">Baby Yoda 1</p>
                                <div class="item__rate">0.02 ETH</div>
                                <div class="item__timer">
                                    <div class="item__timer-value">01</div>
                                    <div class="item__timer-desc">час</div>
                                    <div class="item__timer-value">28</div>
                                    <div class="item__timer-desc">мин</div>
                                    <div class="item__timer-value">11</div>
                                    <div class="item__timer-desc">сек</div>
                                </div>
                            </div>
                            <!-- /.item__bottom -->
                        </div>
                        <!-- /.auction__item -->
                        <div class="auction__item">
                            <div class="item__top">
                                <img src="img/alien-vs-predator.png"
                                    alt="alien vs predator" class="item__img">
                            </div>
                            <!-- /.item__top -->
                            <div class="item__bottom">
                                <div class="item__nickname">
                                    <img src="img/cacti.jpg" alt="avatar"
                                        class="item__avatar">
                                    <span
                                        class="item__nickname-text">1300e1440</span>
                                </div>
                                <p class="item__name">alien vs. predator (01)
                                </p>
                                <div class="item__rate">0.09 ETH</div>
                                <div class="item__timer">
                                    <div class="item__timer-value">08</div>
                                    <div class="item__timer-desc">часов</div>
                                    <div class="item__timer-value">43</div>
                                    <div class="item__timer-desc">мин</div>
                                    <div class="item__timer-value">44</div>
                                    <div class="item__timer-desc">сек</div>
                                </div>
                            </div>
                            <!-- /.item__bottom -->
                        </div>
                        <!-- /.auction__item -->
                        <div class="auction__item">
                            <div class="item__top">
                                <img src="img/iamdecepticon.png"
                                    alt="decepticon" class="item__img">
                            </div>
                            <!-- /.item__top -->
                            <div class="item__bottom">
                                <div class="item__nickname">
                                    <img src="img/jumper.jpg" alt="avatar"
                                        class="item__avatar">
                                    <span
                                        class="item__nickname-text">Robert_Wward</span>
                                </div>
                                <p class="item__name">IAMDECEPTICON</p>
                                <div class="item__rate">0.1 ETH</div>
                                <div class="item__timer">
                                    <div class="item__timer-value">55</div>
                                    <div class="item__timer-desc">мин</div>
                                    <div class="item__timer-value">18</div>
                                    <div class="item__timer-desc">сек</div>
                                </div>
                            </div>
                            <!-- /.item__bottom -->
                        </div>
                        <!-- /.auction__item -->
                        <div class="auction__item">
                            <div class="item__top">
                                <img src="img/ghostbusters.png"
                                    alt="ghostbusters" class="item__img">
                            </div>
                            <!-- /.item__top -->
                            <div class="item__bottom">
                                <div class="item__nickname">
                                    <img src="img/sunset.jpg" alt="avatar"
                                        class="item__avatar">
                                    <span
                                        class="item__nickname-text">ttgs</span>
                                </div>
                                <p class="item__name">Ghostbusterrrrrrrs</p>
                                <div class="item__rate">0.09 ETH</div>
                                <div class="item__timer">
                                    <div class="item__timer-value">18</div>
                                    <div class="item__timer-desc">мин</div>
                                    <div class="item__timer-value">12</div>
                                    <div class="item__timer-desc">сек</div>
                                </div>
                            </div>
                            <!-- /.item__bottom -->
                        </div>
                        <!-- /.auction__item -->
                    </div>
                    <!-- /.items__container -->
                    <button class="other__auction-button">Все аукционы</button>
                </div>
                <!-- /.auctions__grid -->
            </div>
            <!-- /.other__auction -->
            <!-- Новый слайдер -->
            <div class="other__auctions-slider">
                <div class="other__auction-header">
                    <h2 class="other__auction-title">Другие аукционы</h2>
                </div>
                <div class="auctions__grid">
                    <div class="items__container">
                        <div class="swiper">
                            <div class="swiper-wrapper">
                                <div class="auction__item swiper-slide">
                                    <div class="item__top">
                                        <img src="img/alien.png" alt="alien"
                                            class="item__img">
                                    </div>
                                    <!-- /.item__top -->
                                    <div class="item__bottom">
                                        <div class="item__nickname">
                                            <img src="img/mountains.jpg"
                                                alt="avatar"
                                                class="item__avatar">
                                            <span
                                                class="item__nickname-text">Frank.Nagval</span>
                                        </div>
                                        <p class="item__name">Alien (green) e_e
                                        </p>
                                        <div class="item__rate">0.02 ETH</div>
                                        <div class="item__timer">
                                            <div class="item__timer-value">03
                                            </div>
                                            <div class="item__timer-desc">часа
                                            </div>
                                            <div class="item__timer-value"> 25
                                            </div>
                                            <div class="item__timer-desc">мин
                                            </div>
                                            <div class="item__timer-value">23
                                            </div>
                                            <div class="item__timer-desc">сек
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.item__bottom -->
                                </div>
                                <!-- /.auction__item -->
                                <div class="auction__item swiper-slide">
                                    <div class="item__top">
                                        <img src="img/cobra.png" alt="cobra"
                                            class="item__img">
                                    </div>
                                    <!-- /.item__top -->
                                    <div class="item__bottom">
                                        <div class="item__nickname">
                                            <img src="img/man.jpg" alt="avatar"
                                                class="item__avatar">
                                            <span
                                                class="item__nickname-text">CPH_777</span>
                                        </div>
                                        <p class="item__name">CoBRRRa</p>
                                        <div class="item__rate">0.5 ETH</div>
                                        <div class="item__timer">
                                            <!-- <div class="item__timer-value"></div>
                                <div class="item__timer-desc"></div> -->
                                            <div class="item__timer-value">15
                                            </div>
                                            <div class="item__timer-desc">мин
                                            </div>
                                            <div class="item__timer-value">03
                                            </div>
                                            <div class="item__timer-desc">сек
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.item__bottom -->
                                </div>
                                <!-- /.auction__item -->
                                <div class="auction__item swiper-slide">
                                    <div class="item__top">
                                        <img src="img/diamonds.png"
                                            alt="diamonds" class="item__img">
                                    </div>
                                    <!-- /.item__top -->
                                    <div class="item__bottom">
                                        <div class="item__nickname">
                                            <img src="img/acid.jpg" alt="avatar"
                                                class="item__avatar">
                                            <span
                                                class="item__nickname-text">sUpah_kiLLah</span>
                                        </div>
                                        <p class="item__name">Diamonds (4)</p>
                                        <div class="item__rate">0.008 ETH</div>
                                        <div class="item__timer">
                                            <div class="item__timer-value">23
                                            </div>
                                            <div class="item__timer-desc">часа
                                            </div>
                                            <div class="item__timer-value">05
                                            </div>
                                            <div class="item__timer-desc">мин
                                            </div>
                                            <div class="item__timer-value">08
                                            </div>
                                            <div class="item__timer-desc">сек
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.item__bottom -->
                                </div>
                                <!-- /.auction__item -->
                                <div class="auction__item swiper-slide">
                                    <div class="item__top">
                                        <img src="img/holofobia.png"
                                            alt="holofobia" class="item__img">
                                    </div>
                                    <!-- /.item__top -->
                                    <div class="item__bottom">
                                        <div class="item__nickname">
                                            <img src="img/blow.jpg" alt="avatar"
                                                class="item__avatar">
                                            <span
                                                class="item__nickname-text">ttgs</span>
                                        </div>
                                        <p class="item__name">Holofobia-2</p>
                                        <div class="item__rate">1.0 ETH</div>
                                        <div class="item__timer">
                                            <div class="item__timer-value">01
                                            </div>
                                            <div class="item__timer-desc">час
                                            </div>
                                            <div class="item__timer-value">15
                                            </div>
                                            <div class="item__timer-desc">мин
                                            </div>
                                            <div class="item__timer-value">55
                                            </div>
                                            <div class="item__timer-desc">сек
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.item__bottom -->
                                </div>
                                <!-- /.auction__item -->
                                <div class="auction__item swiper-slide">
                                    <div class="item__top">
                                        <img src="img/baby-yoda.png"
                                            alt="baby yoda" class="item__img">
                                    </div>
                                    <!-- /.item__top -->
                                    <div class="item__bottom">
                                        <div class="item__nickname">
                                            <img src="img/sheet.jpg"
                                                alt="avatar"
                                                class="item__avatar">
                                            <span
                                                class="item__nickname-text">Peppppe22</span>
                                        </div>
                                        <p class="item__name">Baby Yoda 1</p>
                                        <div class="item__rate">0.02 ETH</div>
                                        <div class="item__timer">
                                            <div class="item__timer-value">01
                                            </div>
                                            <div class="item__timer-desc">час
                                            </div>
                                            <div class="item__timer-value">28
                                            </div>
                                            <div class="item__timer-desc">мин
                                            </div>
                                            <div class="item__timer-value">11
                                            </div>
                                            <div class="item__timer-desc">сек
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.item__bottom -->
                                </div>
                                <!-- /.auction__item -->
                                <div class="auction__item swiper-slide">
                                    <div class="item__top">
                                        <img src="img/alien-vs-predator.png"
                                            alt="alien vs predator"
                                            class="item__img">
                                    </div>
                                    <!-- /.item__top -->
                                    <div class="item__bottom">
                                        <div class="item__nickname">
                                            <img src="img/cacti.jpg"
                                                alt="avatar"
                                                class="item__avatar">
                                            <span
                                                class="item__nickname-text">1300e1440</span>
                                        </div>
                                        <p class="item__name">alien vs. predator
                                            (01)
                                        </p>
                                        <div class="item__rate">0.09 ETH</div>
                                        <div class="item__timer">
                                            <div class="item__timer-value">08
                                            </div>
                                            <div class="item__timer-desc">часов
                                            </div>
                                            <div class="item__timer-value">43
                                            </div>
                                            <div class="item__timer-desc">мин
                                            </div>
                                            <div class="item__timer-value">44
                                            </div>
                                            <div class="item__timer-desc">сек
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.item__bottom -->
                                </div>
                                <!-- /.auction__item -->
                                <div class="auction__item swiper-slide">
                                    <div class="item__top">
                                        <img src="img/iamdecepticon.png"
                                            alt="decepticon" class="item__img">
                                    </div>
                                    <!-- /.item__top -->
                                    <div class="item__bottom">
                                        <div class="item__nickname">
                                            <img src="img/jumper.jpg"
                                                alt="avatar"
                                                class="item__avatar">
                                            <span
                                                class="item__nickname-text">Robert_Wward</span>
                                        </div>
                                        <p class="item__name">IAMDECEPTICON</p>
                                        <div class="item__rate">0.1 ETH</div>
                                        <div class="item__timer">
                                            <div class="item__timer-value">55
                                            </div>
                                            <div class="item__timer-desc">мин
                                            </div>
                                            <div class="item__timer-value">18
                                            </div>
                                            <div class="item__timer-desc">сек
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.item__bottom -->
                                </div>
                                <!-- /.auction__item -->
                                <div class="auction__item swiper-slide">
                                    <div class="item__top">
                                        <img src="img/ghostbusters.png"
                                            alt="ghostbusters"
                                            class="item__img">
                                    </div>
                                    <!-- /.item__top -->
                                    <div class="item__bottom">
                                        <div class="item__nickname">
                                            <img src="img/sunset.jpg"
                                                alt="avatar"
                                                class="item__avatar">
                                            <span
                                                class="item__nickname-text">ttgs</span>
                                        </div>
                                        <p class="item__name">Ghostbusterrrrrrrs
                                        </p>
                                        <div class="item__rate">0.09 ETH</div>
                                        <div class="item__timer">
                                            <div class="item__timer-value">18
                                            </div>
                                            <div class="item__timer-desc">мин
                                            </div>
                                            <div class="item__timer-value">12
                                            </div>
                                            <div class="item__timer-desc">сек
                                            </div>
                                        </div>
                                    </div>
                                    <!-- /.item__bottom -->
                                </div>
                                <!-- /.auction__item -->
                            </div>
                            <!-- /.swiper-wrapper -->
                        </div>
                        <!-- /.swiper -->
                    </div>
                    <!-- /.items__container -->
                    <!-- If we need pagination -->
                    <div class="swiper-pagination"></div>
                    <button class="other__auction-button">Все аукционы</button>
                </div>
                <!-- /.auctions__grid -->
            </div>
            <!-- /.other__auction -->
        </div>
        <!-- /.auction__container -->
    </section>
    <!-- /.auction -->
    <section class="new__stickers-block">
        <div class="new__stickers-slider">
            <h2 class="new__stickers-title">
                <img src="img/fire.png" alt="fire"
                    class="new__stickers-title--img">Новые
                стикеры
            </h2>
            <!-- Slider main container -->
            <div class="new__stickers-slider--container">
                <!-- Additional required wrapper -->
                <div class="swiper-wrapper">
                    <!-- Slide 1 -->
                    <div class="new__stickers-slide">
                        <div class="image-wrapper">
                            <div class="image-container narrow-image">
                                <img src="img/ghost-1.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                            <div class="image-container narrow-image">
                                <img src="img/ghost-2.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                            <div class="image-container wide-image">
                                <img src="img/parental-advisory.png"
                                    alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                    <!-- Slide 2 -->
                    <div class="new__stickers-slide">
                        <div class="image-wrapper">
                            <div class="image-container wide-image">
                                <img src="img/chrome-is-dead.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                            <div class="image-container narrow-image">
                                <img src="img/infinity.png" alt="stickers"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                    <!-- Slide 3 -->
                    <div class="new__stickers-slide">
                        <div class="image-wrapper">
                            <div class="image-container narrow-image">
                                <img src="img/i-am-designer.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                            <div class="image-container narrow-image">
                                <img src="img/global.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                            <div class="image-container narrow-image">
                                <img src="img/frank.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                    <!-- Slide 4 -->
                    <div class="new__stickers-slide">
                        <div class="image-wrapper">
                            <div class="image-container wide-image">
                                <img src="img/new-wave.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tabs">
                    <div class="tab active">1</div>
                    <div class="tab">2</div>
                    <div class="tab">3</div>
                    <div class="tab">4</div>
                </div>
                <!-- /.tabs -->
            </div>
            <!-- /.new__stickers-slider--container-->
        </div>
        <!-- /.new__stickers-slider -->
    </section>
    <!-- /.new__stickers-block -->
    <!-- Новый слайдер -->
    <section class="new__stickers-block">
        <div class="new__stickers-slider--new">
            <h2 class="new__stickers-title">
                <img src="img/fire.png" alt="fire"
                    class="new__stickers-title--img">Новые
                стикеры
            </h2>
            <!-- Новый слайдер -->
            <div class="slider">
                <div class="slider-container">
                    <!-- Slide 1 -->
                    <div class="slide">
                        <div class="image-wrapper">
                            <div class="image-container narrow-image">
                                <img src="img/ghost-1.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                            <div class="image-container narrow-image">
                                <img src="img/ghost-2.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                    <!-- Slide 2 -->
                    <div class="slide">
                        <div class="image-wrapper">
                            <div class="image-container wide-image">
                                <img src="img/parental-advisory.png"
                                    alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                    <!-- Slide 3 -->
                    <div class="slide">
                        <div class="image-wrapper">
                            <div class="image-container wide-image">
                                <img src="img/chrome-is-dead.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                    <!-- Slide 4 -->
                    <div class="slide">
                        <div class="image-wrapper">
                            <div class="image-container narrow-image">
                                <img src="img/infinity.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                            <div class="image-container narrow-image">
                                <img src="img/i-am-designer.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                    <!-- Slide 5 -->
                    <div class="slide">
                        <div class="image-wrapper">
                            <div class="image-container narrow-image">
                                <img src="img/global.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                            <div class="image-container narrow-image">
                                <img src="img/frank.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                    <!-- Slide 6 -->
                    <div class="slide">
                        <div class="image-wrapper">
                            <div class="image-container wide-image">
                                <img src="img/new-wave.png" alt="sticker"
                                    class="new__stickers-slide--image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.slider -->
            <!-- Табы оставляем без изменений -->
            <div class="tabs">
                <div class="tab active">1</div>
                <div class="tab">2</div>
                <div class="tab">3</div>
                <div class="tab">4</div>
                <div class="tab">5</div>
                <div class="tab">6</div>
            </div>
            <!-- /.tabs -->
        </div>
        <!-- /.new__stickers-slider -->
    </section>
    <!-- /.new__stickers-block -->
    <section class="new__stickers-form">
        <div class="form__block">
            <h2 class="form__title">Будь в курсе новинок! Подпишись на
                рассылку!</h2>
            <form action="#" class="stickers__form">
                <input class="form__input" type="text" name="name"
                    placeholder="Имя" required>
                <input class="form__input" type="email" name="email"
                    placeholder="E-mail" required>
                <button class="submit-btn">Подписаться</button>
                <div class="checkbox__block">
                    <input type="checkbox" class="custom-checkbox" id="agree"
                        name="agree" value="yes">
                    <label class="form-checkbox" for="agree">Согласен на
                        обработку персональных
                        данных</label>
                </div>
                <!-- /.checkbox__block -->
            </form>
        </div>
        <!-- /.form__block -->
        <div class="new__stickers-bg">
            <img class="new__stickers-bg--image" src="img/ok.png" alt="ok">
        </div>
    </section>
    <!-- /.new__stickers-form -->
    <section class="by__author">
        <div class="author__block">
            <h2 class="author__title">Стать автором</h2>
            <p class="author__text--bold">Если ты художник или стремишься им
                стать —
                добро пожаловать к нам!</p>
            <p class="author__text">Отправь нам от трёх до пяти своих работ и
                напиши свой
                ник в телеграме. Если наши кураторы решат, что нам по пути, то
                мы
                обязательно свяжемся с тобой и обговорим условия сотрудничества!
                <b>Удачи!</b>
            </p>
            <div class="author__image-block">
                <img src="img/hand-gray.png" alt="sticker"
                    class="author__img-gray">
                <img src="img/hand-green.png" alt="sticker"
                    class="author__img-green">
                <img src="img/hand-red.png" alt="sticker"
                    class="author__img-red">
            </div>
            <!-- /.author__image-block -->
        </div>
        <!-- /.author__block -->
        <div class="add__files">
            <div class="custom-file-input">
                <div class="cross-container">
                    <div class="cross"></div>
                </div>
                <span class="file-button">Прикрепить работы (.jpeg /
                    .png)</span>
                <input type="file" id="screenshot" name="screenshot"
                    class="file-input" accept=".png, .jpg, .pdf">
            </div>
            <input type="text" class="telegram-nick" name="telegram-nick"
                placeholder="@telegram_nickname">
            <button class="submit-btn">Отправить</button>
        </div>
        <!-- /.add__files -->
    </section>
    <!-- /.by__autor -->
    <section class="sales__block">
        <div class="sales__container">
            <h2 class="sales__title">Топ продаж</h2>
            <div class="sales__grid">
                <div class="sales__item">
                    <div class="sales__image">
                        <img src="img/holofobia-1.png" alt="holofobia-1"
                            class="sales__img">
                    </div>
                    <div class="sales__desc">
                        <div class="user__desc">
                            <img src="img/blow.jpg" alt="avatar"
                                class="user__avatar">
                            <div class="user__name">ttgs</div>
                        </div>
                        <h2 class="sales__name">Holofobia1</h2>
                        <div class="sales__price">4.70 ETH <span
                                class="light">($16,873.47)</span></div>
                    </div>
                </div>
                <!-- /.sales__item -->
                <div class="sales__item">
                    <div class="sales__image">
                        <img src="img/¥.png" alt="
yuan" class="sales__img">
                    </div>
                    <div class="sales__desc">
                        <div class="user__desc">
                            <img src="img/acid.jpg" alt="avatar"
                                class="user__avatar">
                            <div class="user__name">Tat_2</div>
                        </div>
                        <h2 class="sales__name">Y.EEE</h2>
                        <div class="sales__price">3.00 ETH<span class="light">
                                ($10,731.24)</span></div>
                    </div>
                </div>
                <!-- /.sales__item -->
                <div class="sales__item">
                    <div class="sales__image">
                        <img src="img/baby-yoda-1.png" alt="baby-yoda"
                            class="sales__img">
                    </div>
                    <div class="sales__desc">
                        <div class="user__desc">
                            <img src="img/cacti.jpg" alt="avatar"
                                class="user__avatar">
                            <div class="user__name">Chris22</div>
                        </div>
                        <h2 class="sales__name">Baby Joda</h2>
                        <div class="sales__price">2.00 ETH<span class="light">
                                ($7,121.04)</span></div>
                    </div>
                </div>
                <!-- /.sales__item -->
                <div class="sales__item">
                    <div class="sales__image">
                        <img src="img/infinity-1.png" alt="infinity"
                            class="sales__img">
                    </div>
                    <div class="sales__desc">
                        <div class="user__desc">
                            <img src="img/jumper.jpg" alt="avatar"
                                class="user__avatar">
                            <div class="user__name">Oswaald</div>
                        </div>
                        <h2 class="sales__name">Infinity_09</h2>
                        <div class="sales__price">1.6109 ETH <span
                                class="light">($5,762.32)</span></div>
                    </div>
                </div>
                <!-- /.sales__item -->
                <div class="sales__item">
                    <div class="sales__image">
                        <img src="img/sad.png" alt="sad" class="sales__img">
                    </div>
                    <div class="sales__desc">
                        <div class="user__desc">
                            <img src="img/man.jpg" alt="avatar"
                                class="user__avatar">
                            <div class="user__name">Paul-22</div>
                        </div>
                        <h2 class="sales__name">Sadsadsad</h2>
                        <div class="sales__price">1.50 ETH <span
                                class="light">($5,365.62)</span></div>
                    </div>
                </div>
                <!-- /.sales__item -->
                <div class="sales__item">
                    <div class="sales__image">
                        <img src="img/atantion.png" alt="atantion"
                            class="sales__img">
                    </div>
                    <div class="sales__desc">
                        <div class="user__desc">
                            <img src="img/sunset.jpg" alt="avatar"
                                class="user__avatar">
                            <div class="user__name">wardxxx</div>
                        </div>
                        <h2 class="sales__name">Attntn</h2>
                        <div class="sales__price">1.0 ETH<span
                                class="light">($3,577.08)</span></div>
                    </div>
                </div>
                <!-- /.sales__item -->
            </div>
            <!-- /.sales__grid -->
        </div>
        <!-- /.sales__container -->
    </section>
    <!-- /.sales__block -->
    <section class="rules">
        <div class="rules__container">
            <div class="rules__desc">
                <h2 class="rules__title">Для попадания в топ необходимо:</h2>
                <div class="rules__items">
                    <div class="rules__item">
                        <img src="img/works.svg" alt="works icon"
                            class="rules__item-img">
                        <p class="rules__text">Минимум пять опубликованных работ
                        </p>
                    </div>
                    <div class="rules__item">
                        <img src="img/insert-emoticon.svg" alt="smile icon"
                            class="rules__item-img">
                        <p class="rules__text">Инвайт трём коллегам по цеху</p>
                    </div>
                    <div class="rules__item">
                        <img src="img/verified.svg" alt="verified icon"
                            class="rules__item-img">
                        <p class="rules__text">Верифицированный аккаунт</p>
                    </div>
                </div>
            </div>
            <!-- /.rules__desc -->
            <img src="img/smiles.png" alt="smiles" class="rules__img">
        </div>
        <!-- /.rules__container -->
    </section>
    <!-- /.rules -->
    <footer class="footer">
        <div class="footer__container">
            <div class="footer__logo"><img src="img/logo.svg" alt="logo"
                    class="footer__logo-img"></div>
            <nav class="footer__tabs">
                <a href="#" class="footer__tab">Соглашение</a>
                <a href="#" class="footer__tab">Лицензия</a>
                <a href="#" class="footer__tab">FAQ</a>
            </nav>
        </div>
        <!-- /.footer__container -->
        <div class="footer__copyright"><span class="copy">AURA® | 2021</span>
        </div>
    </footer>
    <!-- /.footer -->
    <script src="js/swiper-bundle.min.js"></script>
    <script src="js/script.js"></script>
    <script src="js/new_script.js"></script>
</body>
</html>